
#user-center >>> .el-tabs--border-card > .el-tabs__header {
	height: 56px;
	margin-bottom: -18px;
}

#user-center >>> .el-tabs__item {
	font-size: 16px;
}

#user-center >>> .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
	background-color: #C7C7FD;
	font-weight: bold;
	font-size: 18px;
	color: #4226EC;
}

#user-center >>> .el-tabs__content {
	background-color: #C7C7FD;
}

#user-center >>> .el-card {
	background-color: #F5F5F5;
}

#user-center >>> .left-card {
	margin-right: 5px;
	margin-bottom: 10px;
}

#user-center >>> .right-card {
	margin-left: 5px;
	margin-bottom: 10px;
}

#user-center >>> .el-card__body {
	height: 655px;
}

#user-center >>> .el-form {
	margin: 20px 60px;
	width: 880px;
}

#user-info >>> .right-card .el-button {
	display: none;
}

#update-info >>> .right-card .el-button {
	margin-left: 300px;
	width: 300px;
}

.avatar-uploader .el-upload {
	border: 1px dashed #3D3737;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.avatar-uploader >>> .el-upload-dragger {
	width: 308px;
	background-color: #CFD4DE;
}

.avatar-uploader .el-upload:hover {
	border-color: #409EFF;
}

.avatar-uploader >>> .el-upload-dragger .el-icon-upload {
	background-color: #CFD4DE;
	font-size: 100px;
	color: #7D9BD7;
	padding-bottom: 15px;
}

/*.avatar-uploader-icon {
	background-color: #626A72;
	font-size: 28px;
	color: #98B3DA;
	width: 178px;
	height: 178px;
	line-height: 178px;
	text-align: center;
}*/

.avatar {
	width: 178px;
	height: 178px;
	display: block;
}

#update-pwd >>> .card-body {
	width: calv(100vw);
}

#update-pwd >>> .el-form {
	margin: 20px auto;
	width: 480px;
}

#update-pwd >>> .el-form-item__label {
	width: 80px;
}

#update-pwd >>> .el-form-item__error {
	left: 80px;
}

#update-pwd >>> .update-button {
	margin-left: 80px;
}
